<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钱包</title>
</head>
<body>

    <!-- 头部 -->
    <div th:include="head"></div>
    <div id="wallet" class="center">
        <div class="center">
            <div class="headImage" :style='{"background-image":"url("+user.headImage+")"}'></div>
            <div>
                <p class="large">{{user.name}}</p>
                <p class="small gary" v-if="user.tel">{{user.tel}}</p>
            </div>
        </div>
        <div>
            <div class="large">
                <span class="gray">余额</span>
                {{user.balance}}￥
            </div>
            <div class="ui form" style="margin-top: 24px;">
                <input class="ui input" type="text" name="withdrawal" style="margin-right: 24px;width: 45%;" placeholder="提现金额...">
                <button class="ui secondary button" :disable="user.balance < 100" @click="withdrawal">提现</button>
                <span v-if="user.balance < 100" class="small gray">余额不足</span>
            </div>
        </div>
        <div>
            <p class="gray">
                每次提现最小额度为￥100.00,提现会在 3-5 个工作日内到账
            </p>
        </div>
    </div>
    <script src="/js/wallet.js"></script>
    <link rel="stylesheet" href="/css/wallet.css">
</body>
</html>